const fetch = require("../../utils/fetch");

// pages/list/list.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    category: {},
    shops: [],
    pageIndex: 0,
    pageSize: 20,
    hasMore:true,
    flag:true
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    wx.showLoading({
      title: '加载中',
    })
    console.log(options);
    fetch(`categories/${options.cat}`).then(res => {
      //console.log(res, 8);
      this.setData({
        category: res.data
      });
      wx.setNavigationBarTitle({
        title: res.data.name
      })

      /* 加载完分类信息过后再根据id去加载商铺信息 */
      /*   return fetch(`categories/${this.data.category.id}/shops`, {
          _page: 1,
          _limit: 10
        })
      }).then(res => {
        console.log(res, 22);
        this.setData({
          shops: res.data
        }); */
      this.loadMore();

    });
  },

  //加载更多封装
  loadMore() {
    this.setData({flag:false})
    //console.log(this.data.flag,222);

    /* 判断是否还以下拉 */
    if(!this.data.hasMore) return ;
   // console.log(this.data.hasMore,9);
    let {pageIndex, pageSize } = this.data;
    const params = {
      _page: ++pageIndex,
      _limit: pageSize
    };
    return fetch(`categories/${this.data.category.id}/shops`, params).then(res => {
      
     // console.log(res, 22);
      /* 数据总和 */
      var shops=this.data.shops.concat(res.data);
      /*总条数 */
      
      var total=parseInt(res.header["X-Total-Count"]);
      var hasMore = pageIndex*pageSize<total
      this.setData({
        shops,
        pageIndex,
        hasMore,
        flag:true
      });
      wx.hideLoading()
      //console.log(this.data.flag,333);
    });
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    if (this.data.category.name) {
      wx.setNavigationBarTitle({
        title: this.data.category.name
      })
    }
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    this.setData({shops:[],pageIndex: 0,hasMore:true});
    this.loadMore().then(()=>{
      wx.stopPullDownRefresh()
    });
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    //console.log(this.data.flag,11111);
    if(this.data.flag){
      //console.log(this.data.flag,8);
      this.loadMore();
    }
    
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})